<!DOCTYPE HTML>
<html>
		<head>
				<meta charset="utf-8">
				<meta name="viewport" content="width=device-width, initial-scale=1.0">
				<meta name="description" content="">
				<meta name="author" content="">
				<title>游币充值记录</title>
				<link rel="stylesheet" href="../css/bootstrap.min.css">
				<link rel="stylesheet" href="../css/index.css" />
				<script src="../js/jquery.js">
</script>
				<script src="../js/bootstrap.min.js">
</script>
		</head>
		<body>
				<div class="container">
						<nav class="navbar navbar-default">
						<div class="navbar-header">
								<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
										<span class="sr-only">切换导航</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
								</button>
								<a class="navbar-brand" href="portal.html">游币手机下载门户网站</a>
						</div>
						<div class="collapse navbar-collapse" id="example-navbar-collapse">
								<ul class="nav navbar-nav">
								</ul>
								<ul class="nav navbar-nav navbar-right">
										<li class="dropdown">
												<a href="#">欢迎XXX</a>
										</li>
										<li class="dropdown">
												<a href="login.html">登录</a>
										</li>
										<li class="dropdown">
												<a href="register.html">注册</a>
										</li>
										<li class="dropdown">
												<a href="#" class="dropdown-toggle " data-toggle="dropdown">个人中心<b class="caret"></b> </a>
												<ul class="dropdown-menu">
														<li>
																<a data-toggle="modal" data-target="#myModal">密保卡充值</a>
														</li>
														<li>
																<a href="prepaid.html">充值记录</a>
														</li>
														<li>
																<a href="userDetail.html">账户信息</a>
														</li>
														<li>
																<a href="expense.html">消费记录</a>
														</li>
														<li class="divider"></li>
														<li>
																<a href="login.html">退出</a>
														</li>
												</ul>
										</li>
								</ul>
						</div>
						</nav>
				</div>
				<div class="modal fade" id="myModal" tabindex="-1">
						<div class="modal-dialog">
								<div class="modal-content">
										<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal">
														&times;
												</button>
												<h4 class="modal-title" id="myModalLabel">
														密保卡充值
												</h4>
										</div>
								</div>
						</div>
				</div>
				<div class="row" style="background-color: #CCC; overflow: hidden;" onLoad="init()">
						<div class="col-md-12">
								<ul class="nav nav-pills col-md-offset-3">
										<li class=>
												<a href="portal.html" class="btn btn-primary">首页</a>
										</li>
										<li>
												<a href="" class="btn btn-primary">棋牌游戏</a>
										</li>
										<li>
												<a href="" class="btn btn-primary">棋牌游戏</a>
										</li>
										<li>
												<a href="" class="btn btn-primary">棋牌游戏</a>
										</li>
										<li>
												<a href="" class="btn btn-primary">棋牌游戏</a>
										</li>
								</ul>
						</div>
				</div>
				<div class="row">
						&nbsp;
				</div>
				<div class="container">
						<div class="row">
								<div class="col-md-6">
										<div class="table-responsive">
												<table class="table table-striped table-hover">
														<caption>
																充值记录
														</caption>
														<tbody>
																<tr>
																		<td>
																				<strong>用户名:</strong>lufei
																		</td>
																</tr>
																<tr>
																		<td>
																				<strong>卡号:</strong>ELPV293NNBGP
																		</td>
																</tr>
																<tr>
																		<td>
																				<strong>密码:</strong>LMdFhE
																		</td>
																</tr>
																<tr>
																		<td>
																				<strong>密保额度:</strong>300
																		</td>
																</tr>
																<tr>
																		<td>
																				<strong>密保额度有效结束时间:</strong> 2017-05-01 12:16:19
																		</td>
																</tr>
														</tbody>
												</table>
												<!-- 该用户尚未充值 -->
												<a class="btn btn-warning">返回上页</a>
										</div>
								</div>
						</div>
				</div>
				<div class="row">
						<div class="container">
								<hr />
								<div class="col-md-4 col-md-offset-5">
										&copy;2016-2017 portal.com 版权所有
								</div>
						</div>
				</div>
		</body>
</html>
